<template>
	<view>
		<!-- 单个商品组件 -->
		<Commodity :commodityData="commodityList"></Commodity>
	</view>
</template>

<script>
	import Commodity from '@/components/common/Commodity.vue';
	export default {
		name: "CommodityList",
		components: {
			Commodity
		},
		props: {
			commodityList: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {
				listData: [{
						id: 1,
						name: "大衣绒毛大款2020年必须买不卖你就不行了，爆款上市快来买",
						imgUrl: "../../static/img/commodity1.jpg",
						cprice: 299,
						oprice: 559,
						discount: 5.2
					},
					{
						id: 2,
						name: "大衣绒毛大款2020年必须买不卖你就不行了，爆款上市快来买",
						imgUrl: "../../static/img/commodity2.jpg",
						cprice: 299,
						oprice: 559,
						discount: 5.2
					},
					{
						id: 3,
						name: "大衣绒毛大款2020年必须买不卖你就不行了，爆款上市快来买",
						imgUrl: "../../static/img/commodity3.jpg",
						cprice: 299,
						oprice: 559,
						discount: 5.2
					}, {
						id: 4,
						name: "大衣绒毛大款2020年必须买不卖你就不行了，爆款上市快来买",
						imgUrl: "../../static/img/commodity4.jpg",
						cprice: 299,
						oprice: 559,
						discount: 5.2
					}
				]
			};
		}
	}
</script>

<style>

</style>